﻿<%@ Control Language="C#" AutoEventWireup="true" CodeFile="GalleryView.ascx.cs" Inherits="Modules_Mod_GalleryView_GalleryView" %>
<script src="Components/jquery-galleryview-1.1/jquery.timers-1.1.2.js" type="text/javascript"></script>
<script src="Components/jquery-galleryview-1.1/jquery.galleryview-1.1.js" type="text/javascript"></script>
<script src="Components/jquery-galleryview-1.1/jquery.easing.1.3.js" type="text/javascript"></script>


<script type="text/javascript">
     $(function() { 
     
     $('#photos').galleryView({
         panel_width: 800,
         panel_height: 300,
         frame_width: 30,
         frame_height: 30,
         overlay_color: '#222',
         overlay_text_color: 'white',
         caption_text_color: '#222',
         background_color: 'transparent',
         border: 'none',
         nav_theme: 'light',
         easing: 'easeInOutQuad',
         pause_on_hover: true

        });
        
      });
 </script>
 <div class="module stories picks contain_all" id="hub_picks">
    <div class="head">
        <div class="wrap">
            <h2>Gallery</h2>
        </div>
    </div>
    <div class="body" style="text-align:center">
    <br />
    <br />
             <div id="photos" class="galleryview">
                  <asp:Repeater ID="rp_ImageView" runat="server">
                    <ItemTemplate>
                        <div class="panel">
                            <img src="<%#Eval("LinkImage") %>" />
                            <div class="panel-overlay">
	                            <h2><%#Eval("Title") %></h2>
	                            <p><%#Eval("Description") %></p>
                            </div>
                        </div>
                    </ItemTemplate>
                 </asp:Repeater>
                  <ul class="filmstrip">
                     <asp:Repeater ID="rp_ImageSlide" runat="server">
                        <ItemTemplate>
                          <li><img src="<%#Eval("LinkImage") %>"  alt="<%#Eval("Title") %>" width="30px" height="30px" title="<%#Eval("Title") %>" /></li>
            	        </ItemTemplate>
                     </asp:Repeater>
	              </ul>
             </div>
            
           
    </div>
 </div>